<div>
    <div class="pannel" style="margin-bottom: 10px">
        <div class="pannel-head">
            <p>
                <span class="title">数据权限设置</span>
                <span class="count"
                    >( <font style="color: #00a4ff">{{count.totalNum}}</font> )总接口数量, (<font style="color: #ff5a5a">{{count.allowedNum}} </font
                    >)已允许数量, (<font style="color: #333">{{count.preventedNum}}</font>)已阻止数量</span
                >
            </p>
            <div>
                <button nz-button nzType="primary" nzShape="round" (click)="updateSecurity()">确定</button>
            </div>
        </div>
    </div>
    <div class="view-type">
        <span (click)="goto('equipment')" [ngClass]="{active:routerData.path === 'equipment'}">设备视图</span>
        <span (click)="goto('type')" [ngClass]="{active:routerData.path === 'type'}">权限视图</span>
    </div>
    <router-outlet (activate)="childComponent = $event"></router-outlet>
    
</div>
